<!-- @format -->

<template>
  <div class="my-left">
    <h1>李沁</h1>
    <img
      src="../assets/lq2.png"
      width="200" />
    <p>{{ count }}</p>
    <button @click="count++">+1</button>
  </div>
</template>

<script>
  import axios from 'axios'
  export default {
    data() {
      return {
        count: 0
      }
    },
    // 专门配合组件缓存的2个钩子：
    // 1. activated -> 类似于以前的 created()
    // 2. deactivated -> 类似于以前的 destroyed()

    // 组件激活时（切回来了）
    activated() {
      console.log('1-activated')
      // 开启定时器
      this.timerId = setInterval(() => {
        console.log('MyLeft开启了定时器')
      }, 1000)
    },
    // 组件失活时 （被切走了）
    deactivated() {
      console.log('2-deactivated')
      // 关闭定时器
      clearInterval(this.timerId)
    },
    created() {
      // console.log('MyLeft组件被创建了')
      // this.getList()
    },
    destroyed() {
      // console.log('MyLeft组件被销毁了')
    },
    methods: {
      async getList() {
        const resp = await axios.get('https://www.escook.cn/api/cart')
        console.log(resp.data)
      }
    }
  }
</script>

<style></style>
